import { defineComponent } from 'vue'
import MemoCreateInput from '@/components/MemoCreateInput/MemoCreateInput'
import MemoCheckBox from '@/components/MemoCheckbox/MemoCheckBox'
import style from './index.module.scss'
import { ElScrollbar, ElRow, ElCol } from 'element-plus'
export default defineComponent({
  setup() {
    const handleClick = () => {
      console.log("click")
    }
    return {
      handleClick
    }
  },
  render() {
    const { handleClick } = this
    return (
      <ElRow>
        <ElRow className={style.memoListContent}>
          <ElScrollbar>
            <ElRow>
              <ElCol className={style.memoListTitleIcon}></ElCol>
              <ElCol className={style.memoListTitle}>
                <h2>收集箱</h2>
              </ElCol>
            </ElRow>
            <MemoCreateInput />
            <ElRow>
              <ElCol>
                <MemoCheckBox label="xxx" onListen={() => handleClick()} />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
                <MemoCheckBox label="xxx" />
              </ElCol>

            </ElRow>
          </ElScrollbar>
        </ElRow>
        <ElRow>22</ElRow>
      </ElRow>
    )
  }
})
